<html>
<style type="text/css">
    .style1 {
        font-size: x-large;
        color: #6600FF;
    }
    .style2 {
        font-size: large;
        text-align: center;
        color: #6600FF;

    }
</style>
<style type="text/css">
    .style3 {
        font-size: large;
        text-align: center;
        color: #6600FF;
        text-decoration: underline;
    }
</style>

<script language="javascript">

    function validateFormOnSubmit(theForm) {
        var reason = "";
        reason += validateEmpty(theForm.login);
        reason += validateEmpty(theForm.password);

        if (reason != "") {
            alert("Some fields need correction:\n" + reason);
            return false;
        }

        return true;
    }

    function validateEmpty(fld) {
        var error = "";
        if (fld.value.length == 0) {
            fld.style.background = 'Yellow';
            error = "The required field has not been filled in.\n"
        } else {
            fld.style.background = 'White';
        }
        return error;
    }


</script>


<body bgcolor="#DFDFEA">
<form onsubmit="return validateFormOnSubmit(this)" action="login.htm" method="post">

<table border="0" cellpadding="0" cellspacing="0" style="width: 1487px; height: 300px">
<!-- MSTableType="layout" -->
<tr>
    <td valign="top" class="style2" colspan="2">
        <!-- MSCellType="ContentHead" -->
        <center>
            <br />
            <span class="style1">Shortest Path Navigation Application on GIS
            </span>
        </center>
    </td>
    <td style="height: 69px">&nbsp;</td>
</tr>
<tr>
    <td valign="top" style="width: 151px;" class="style2">
    </td>

    <td style="width: 551px">
        <!-- MSCellType="ContentHead" -->
        <span class="style3">Please Login</span> <br />
        <br />
        <span class="style2">
        Login:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="text" name="login"><br>
        Password:&nbsp;&nbsp; <input type="password" name="password"><br />
        <br>
        <input type=submit value="Login">
        <br>
        <br>
        <a href="createNew.htm">Create new account</a>
    </td>
    </span>
    <td valign="top" style="height: 231px; width: 10px;" class="style2">
        <!-- MSCellType="ContentHead" -->
        <center>
            <br />

        </center>
    </td>

</tr>
</table>



</form>
</body>

</html>
